ControlledDataGrid

Supplementary DataGrid component for advanced use. Using this component, you can access and modify internal state such as filters or pagination. Use this component together with a useDataGrid hook.

const dataGrid = useDataGrid({
  entities: "Article",
})
const applyFilter = () => {
    dataGrid.stateMethods.setFilter('title', myFilter)
}
<ControlledDataGrid {...dataGrid}>
  <TextCell header="Title" field="title" />
  <TextCell header="Author" field="author.name" />
</ControlledDataGrid>

ControlledDataGridProps

Intersection of

DataGridContainerPublicProps

allowAggregateFilterControls

boolean

allowColumnVisibilityControls

boolean

emptyMessage

React.ReactNode

emptyMessageComponent

React.ComponentType<any>

emptyMessageComponentExtraProps

onEntityClick

(entity: EntityAccessor) => void

selectedEntityIds

EntityId[]

tile

React.ReactNode

tileSize

number

ControlledDataGridProps

children*

React.ReactNode

dataGridKey

string

entities*

SugaredQualifiedEntityList["entities"]

itemsPerPage

| number| null

state*

DataGridState

stateMethods*

DataGridStateMethods

Union of

ControlledDataGridProps

component*

React.ComponentType<& DataGridContainerProps& ComponentExtraProps>

componentProps*

ComponentExtraProps